<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/aliyun.css">
</head>

<body>
    <div class="head">
        <div class="head-top">
            <div class="head-top-left">
                <div class="head-top-left-logo">
                    <img src="../../recourse/image/aliyunlogo.png" alt="" width="100px" height="24px">
                </div>
                <div class="head-top-left-content">最新活动
                    <div class="head-top-left-content-extra"></div>
                </div>
                <div class="head-top-left-content">产品
                    <div class="head-top-left-content-extra"></div>
                </div>
                <div class="head-top-left-content">解决方案
                    <div class="head-top-left-content-extra"></div>
                </div>
                <div class="head-top-left-content">云市场
                    <div class="head-top-left-content-extra"></div>
                </div>
                <div class="head-top-left-content">合作伙伴
                    <div class="head-top-left-content-extra"></div>
                </div>
                <div class="head-top-left-content">支持与服务
                    <div class="head-top-left-content-extra"></div>
                </div>
                <div class="head-top-left-content">开发者
                    <div class="head-top-left-content-extra"></div>
                </div>
                <div class="head-top-left-content">了解阿里云
                    <div class="head-top-left-content-extra"></div>
                </div>
                
            </div>
            <div class="head-top-right">
                <div class="head-top-right-search">
                    <img src="../../recourse/image/search.png" alt="" width="20px" height="20px">
                </div>
                <div class="head-top-right-content">中国站</div>
                <div class="head-top-right-content">文档</div>
                <div class="head-top-right-content">购物车</div>
                <div class="head-top-right-content">ICP备案</div>
                <div class="head-top-right-content">控制台</div>
                <div class="head-top-right-content">登录</div>
                <div class="head-top-right-login">立即注册</div>
            </div>
        </div>
        <div class="head-medium">
            <div class="head-medium-h3">商标智能注册首件25元起</div>
            <div class="head-medium-p">智能识别近似商标，提高注册成功率</div>
            <div class="head-medium-button">立即查看</div>
        </div>
        <div class="head-bottom">
            <a href="">
                <div class="head-bottom-big">
                    试用中心
                </div>
                <div class="head-bottom-small">
                    100+款云产品免费试用
                </div>
            </a>
            <a href="">
                <div class="head-bottom-big">
                    试用中心
                </div>
                <div class="head-bottom-small">
                    100+款云产品免费试用
                </div>
            </a>
            <a href="">
                <div class="head-bottom-big">
                    推荐返现
                </div>
                <div class="head-bottom-small">
                    最高返现34%，首单额外奖励100元封顶
                </div>
            </a>
            <a href="">
                <div class="head-bottom-big">
                    飞天会员专享
                </div>
                <div class="head-bottom-small">
                    加入即领50元代金券，享企业专属特惠
                </div>
            </a>
        </div>
    </div> 
    <div class="body">
        <h3>丰富、安全、稳定的产品</h3>
        <div class="body-recommond">查看全部云产品</div>
    </div>
    <div class="end">
        <div class="end-top">
            <div class="end-top-img">
                <div class="end-top-img-tilte"></div>
                <h3 class="end-top-img-content">热门产品</h3>
            </div>
            <div class="end-top-img">
                <div class="end-top-img-tilte"></div>
                <h3 class="end-top-img-content">弹性计算</h3>
            </div>
            <div class="end-top-img">
                <div class="end-top-img-tilte"></div>
                <h3 class="end-top-img-content">存储</h3>
            </div>
            <div class="end-top-img">
                <div class="end-top-img-tilte"></div>
                <h3 class="end-top-img-content">数据库</h3>
            </div>
            <div class="end-top-img">
                <div class="end-top-img-tilte"></div>
                <h3 class="end-top-img-content">安全</h3>
            </div>
            <div class="end-top-img">
                <div class="end-top-img-tilte"></div>
                <h3 class="end-top-img-content">大数据</h3>
            </div>
            <div class="end-top-img">
                <div class="end-top-img-tilte"></div>
                <h3 class="end-top-img-content">人工智能</h3>
            </div>
        </div>
        <div class="end-bottom">
            <div class="end-bottom-left"></div>
            <div class="end-bottom-normal"></div>
            <div class="end-bottom-normal"></div>
            <div class="end-bottom-normal"></div>
        </div>
    </div>

    <div class="navigation">
        <div class="navigation-top">
            <div class="navigation-top-img">
                <img src="../../recourse/image/客服.png" alt="">
            </div>
            <div class="navigation-top-img">
                <img src="../../recourse/image/3.1电话.png" alt="">
            </div>
            <div class="navigation-top-img">
                <img src="../../recourse/image/天气.png" alt="">
            </div>
            <div class="navigation-top-img">
                <img src="../../recourse/image/书写.png" alt="">
            </div>
        </div>
        <div class="navigation-bottom">新人特惠</div>
    </div>
</body>

</html>